<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html>
<link rel="stylesheet" href="portrait.css" type="text/css" media="screen and (max-width:479px)" />
<link rel="stylesheet" href="landscape.css" type="text/css" media="screen and (min-width:480px) and  (max-width:767px)" />
<link rel="stylesheet" href="largeDevice.css" type="text/css" media="screen and (min-width:768px)  and  (max-width:1023px)" />
<link rel="stylesheet" href="largeDeviceLandscape.css" type="text/css" media="screen and (min-width:1024px)" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="frickinIe.css" media="all" />
<![endif]-->
<link rel="apple-touch-startup-image" href="assets/hangmanStartupImage.png" />
<link rel="apple-touch-icon" href="assets/hangmanIcon.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="user-scalable=no, width=device-width, , minimum-scale=1.0, maximum-scale=1.0" />
<body>
    <div id="centeredDiv">
        <img id="imgDShultzSignature" src="assets/sig.gif" onclick="goToDanShultzDotCom()" />
        <div id="message">
            <div id="messageText">
            </div>
            <div id="divCreateAndSendPrompt">
                <button id="btnShowCreateAndSendEmail" onclick="openCreateAndSendDiv();">
                    Create a puzzle for a friend</button></div>
            <button id="btnOK" onclick="toggleMessage(false)">
                Back to game</button>
        </div>
        <div id="hangingMan">
            <div class="smoke" id="smokeAnimation">
                <img src="assets/smokeAnim.gif" />
            </div>
            <div class="hangmanBody" id="bodyGreyedOut">
            </div>
            <div class="hangmanBody" id="body01">
            </div>
            <div class="hangmanBody" id="body02">
            </div>
            <div class="hangmanBody" id="body03">
            </div>
            <div class="hangmanBody" id="body04">
            </div>
            <div class="hangmanBody" id="body05">
            </div>
            <div class="hangmanBody" id="body06">
            </div>
            <div class="hangmanBody" id="body07">
            </div>
            <div class="hangmanBody" id="body08">
            </div>
            <div class="hangmanBody" id="body09">
            </div>
            <div class="hangmanHead" id="hangmanHead">
            </div>
            <div class="hangmanBody" id="mask">
            </div>
        </div>
        <div id="play" name="play">
            <div class="puzzleLetter" id="letter001">
            </div>
            <div class="puzzleLetter" id="letter002">
            </div>
            <div class="puzzleLetter" id="letter003">
            </div>
            <div class="puzzleLetter" id="letter004">
            </div>
            <div class="puzzleLetter" id="letter005">
            </div>
            <div class="puzzleLetter" id="letter006">
            </div>
            <div class="puzzleLetter" id="letter007">
            </div>
            <div class="puzzleLetter" id="letter008">
            </div>
            <div class="puzzleLetter" id="letter009">
            </div>
            <div class="puzzleLetter" id="letter010">
            </div>
            <div class="puzzleLetter" id="letter011">
            </div>
            <div class="puzzleLetter" id="letter012">
            </div>
            <div class="puzzleLetter" id="letter013">
            </div>
            <div class="puzzleLetter" id="letter014">
            </div>
            <div class="puzzleLetter newRowLetter" id="letter015">
            </div>
            <div class="puzzleLetter" id="letter016">
            </div>
            <div class="puzzleLetter" id="letter017">
            </div>
            <div class="puzzleLetter" id="letter018">
            </div>
            <div class="puzzleLetter" id="letter019">
            </div>
            <div class="puzzleLetter" id="letter020">
            </div>
            <div class="puzzleLetter" id="letter021">
            </div>
            <div class="puzzleLetter" id="letter022">
            </div>
            <div class="puzzleLetter" id="letter023">
            </div>
            <div class="puzzleLetter" id="letter024">
            </div>
            <div class="puzzleLetter" id="letter025">
            </div>
            <div class="puzzleLetter" id="letter026">
            </div>
            <div class="puzzleLetter" id="letter027">
            </div>
            <div class="puzzleLetter" id="letter028">
            </div>
            <div class="puzzleLetter newRowLetter" id="letter029">
            </div>
            <div class="puzzleLetter" id="letter030">
            </div>
            <div class="puzzleLetter" id="letter031">
            </div>
            <div class="puzzleLetter" id="letter032">
            </div>
            <div class="puzzleLetter" id="letter033">
            </div>
            <div class="puzzleLetter" id="letter034">
            </div>
            <div class="puzzleLetter" id="letter035">
            </div>
            <div class="puzzleLetter" id="letter036">
            </div>
            <div class="puzzleLetter" id="letter037">
            </div>
            <div class="puzzleLetter" id="letter038">
            </div>
            <div class="puzzleLetter" id="letter039">
            </div>
            <div class="puzzleLetter" id="letter040">
            </div>
            <div class="puzzleLetter" id="letter041">
            </div>
            <div class="puzzleLetter" id="letter042">
            </div>
            <div class="puzzleLetter newRowLetter" id="letter043">
            </div>
            <div class="puzzleLetter" id="letter044">
            </div>
            <div class="puzzleLetter" id="letter045">
            </div>
            <div class="puzzleLetter" id="letter046">
            </div>
            <div class="puzzleLetter" id="letter047">
            </div>
            <div class="puzzleLetter" id="letter048">
            </div>
            <div class="puzzleLetter" id="letter049">
            </div>
            <div class="puzzleLetter" id="letter050">
            </div>
            <div class="puzzleLetter" id="letter051">
            </div>
            <div class="puzzleLetter" id="letter052">
            </div>
            <div class="puzzleLetter" id="letter053">
            </div>
            <div class="puzzleLetter" id="letter054">
            </div>
            <div class="puzzleLetter" id="letter055">
            </div>
            <div class="puzzleLetter" id="letter056">
            </div>
            <div class="puzzleLetter newRowLetter" id="letter057">
            </div>
            <div class="puzzleLetter" id="letter058">
            </div>
            <div class="puzzleLetter" id="letter059">
            </div>
            <div class="puzzleLetter" id="letter060">
            </div>
            <div class="puzzleLetter" id="letter061">
            </div>
            <div class="puzzleLetter" id="letter062">
            </div>
            <div class="puzzleLetter" id="letter063">
            </div>
            <div class="puzzleLetter" id="letter064">
            </div>
            <div class="puzzleLetter" id="letter065">
            </div>
            <div class="puzzleLetter" id="letter066">
            </div>
            <div class="puzzleLetter" id="letter067">
            </div>
            <div class="puzzleLetter" id="letter068">
            </div>
            <div class="puzzleLetter" id="letter069">
            </div>
            <div class="puzzleLetter" id="letter070">
            </div>
            <div id="guessLetterControls">
                <div id="a" class="letterButton " onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('A');">
                    A</div>
                <div id="b" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('B');">
                    B</div>
                <div id="c" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('C');">
                    C</div>
                <div id="d" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('D');">
                    D</div>
                <div id="e" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('E');">
                    E</div>
                <div id="f" class="letterButton " onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('F');">
                    F</div>
                <div id="g" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('G');">
                    G</div>
                <div id="h" class="letterButton  horizontalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('H');">
                    H</div>
                <div id="i" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('I');">
                    I</div>
                <div id="j" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('J');">
                    J</div>
                <br />
                <div id="k" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('K');">
                    K</div>
                <div id="l" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('L');">
                    L</div>
                <div id="m" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('M');">
                    M</div>
                <div id="n" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('N');">
                    N</div>
                <div id="o" class="letterButton  horizontalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('O');">
                    O</div>
                <div id="p" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('P');">
                    P</div>
                <div id="q" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('Q');">
                    Q</div>
                <div id="r" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('R');">
                    R</div>
                <div id="s" class="letterButton  verticalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('S');">
                    S</div>
                <div id="t" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('T');">
                    T</div>
                <div id="u" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('U');">
                    U</div>
                <div id="v" class="letterButton  verticalNewRowButton  horizontalNewRowButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('V');">
                    V</div>
                <div id="w" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('W');">
                    W</div>
                <div id="x" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('X');">
                    X</div>
                <div id="y" class="letterButton  verticalNewRowButton lastVerticalRow" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('Y');">
                    Y</div>
                <div id="z" class="letterButton" onclick="this.style.visibility='hidden';checkLetterAgainstPuzzle('Z');">
                    Z</div>
                <img border="0" src="assets/PlayAgainButton.png" onmousedown="this.src='assets/PlayAgainButtonActive.png'"
                    onmouseup="this.src='assets/PlayAgainButton.png'" id="btnPlayAgain" onclick="playAgain()"
                    visible="true" />
                <div class="newRowLetter">
                </div>
            </div>
            <div id="divCreateAndSendEmail">
                <div id="lblEnterPuzzleInfo">
                    Enter your hangman puzzle:
                </div>
                <div id="PuzzleSolutionEmail">
                    <input type="text" id="txtPuzzleSolutionEmail" maxlength="60" size="27" onblur="validatePuzzleCharacters(event)"
                        value="" />
                </div>
                <div id="lblEmailButtonExplanation">
                    Clicking "Choose Friends" will will launch your default email client, with a pre-formatted
                    email ready to send to any email address you wish, with a hyperlink back to a site
                    displaying YOUR puzzle.
                </div>
                <button id="btnSendEmail" x="10" y="254" onclick="sendEmails();" width="254">
                    Step 2: CHOOSE FRIENDS to send to</button>
                <button id="btnCancel" x="10" y="254" onclick="setElementVisibility('divValidationFailure', 'false');setElementVisibility('divCreateAndSendEmail', 'false')">
                    CANCEL and do not send.</button>
            </div>
            <div id="divValidationFailure">
                <div id="validationMessageText">
                </div>
                <button id="btnCloseValidationBox" onclick="toggleElementVisible('divValidationFailure');">
                    OK</button>
            </div>
        </div>
<script type="text/javascript">
var admob_vars = {
 pubid: 'a14e60d7d0e6590', // publisher id
 bgcolor: '45973F', // background color (hex)
 text: 'FFFFFF', // font-color (hex)
 test: true // test mode, set to false to receive live ads
};
</script>
<script type="text/javascript" src="http://mmv.admob.com/static/iphone/iadmob.js"></script>
    </div>
</body>
<script language="javascript" type="text/javascript" src="components/puzzleLetter.js"></script>
<script language="javascript" type="text/javascript" src="components/puzzleCryptor.js"></script>
<script language="javascript" type="text/javascript" src="components/dirtyWordChecker.js"></script>
<script language="javascript" type="text/javascript" src="components/main.js"></script>
<script language="javascript" type="text/javascript">
    document.onload = init('full');
</script>
<script language="javascript" type="text/javascript" src="phonegap-1.0.0.js"></script>
</html>
